.auth-popup
{
    width: 500px;
    border: 0;
    padding: 0;
    margin: 100px auto 30px auto;
}

.pop.auth-popup {
    margin: 0 auto;
}

.auth-popup .auth-popup__content
{
    padding: 30px 0;
}

.auth-popup .auth-popup__close
{
    background: url(images/close.png) no-repeat !important;
    opacity: 1;
    width: 21px;
    height: 20px;
    padding: 0;
    margin: 0;
    right: -31px;
    top: -10px;
    position: absolute;
}

.auth-popup .auth-popup__header
{
    line-height: 25px;
    margin-bottom: 16px;
    font-size: 22px;
    text-align: center;
}

.auth-popup .auth-popup__fieldset
{
    margin-bottom: 30px;
    padding: 20px 0;
    background: #f3f0ec;
}

.auth-popup .auth-popup__field
{
    margin-bottom: 9px;
    position: relative;
    padding: 0 30px 0 154px;
}

.auth-popup__social-break-line {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #D7D4CF;
}

.auth-popup__field-social {
    overflow: hidden;
    margin-bottom: 0!important;
}

.auth-popup__field-social-icon {
    float: left;
    margin-left: 10px;
}

.auth-popup .auth-popup__label
{
    position: absolute;
    left: 0;
    line-height: 31px;
    top: 0;
    width: 139px;
    text-align: right;
    font-weight: 300;
    font-size: 15px;
}

.auth-popup .auth-popup__field input
{
    height: 31px;
    border: 1px solid #d6d6d6;
    padding: 0 0 0 10px;
    width: 100%;
    font: 15px 'Roboto', Arial;
}

.auth-popup .auth-popup__field input[name=country_code] {
    width: 20%;
    float: left;
    box-sizing: border-box; /* для страниц на старом дизайне */
}

.auth-popup .auth-popup__field input[name=phone] {
    width: 80%;
    box-sizing: border-box; /* для страниц на старом дизайне */
}

.auth-popup .auth-popup__field input::-webkit-input-placeholder,
.auth-popup .auth-popup__field input::-moz-placeholder,
.auth-popup .auth-popup__field input:-moz-placeholder,
.auth-popup .auth-popup__field input:-ms-input-placeholder
{
    color: transparent
}

.auth-popup .auth-popup__field-desc, .auth-popup .auth-popup__field-desc2
{
    padding: 0 0 0 154px;
    color: #676767;
    font-size: 13px;
    margin: -4px 0 13px 0;
    font-weight: 300;
}

.auth-popup .auth-popup__field-desc2
{
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

.auth-popup .auth-popup__field-desc-center
{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    color: #676767;
    font-size: 13px;
    font-weight: 300;
}

.auth-popup .auth-popup__message
{
    font-size: 15px;
    font-weight: 300;
    padding: 0 30px;
    text-align: center;
}

.auth-popup .auth-popup__agree
{
    padding: 10px 0 0 154px;
    color: #676767;
    font-size: 13px;
    font-weight: 300;
}

.auth-popup .auth-popup__buttons
{
    text-align: center;
}

.auth-popup .auth-popup__errors
{
    color: #dd4747;
    font-size: 13px;
    font-weight: 300;
    margin: -10px 30px 20px;
}

.auth-popup .auth-popup__error
{
    background: url(images/error.png) no-repeat left center;
    padding-left: 22px;
}

.auth-popup .auth-popup__forgot-link
{
    padding-left: 154px;
}

.auth-popup .auth-popup__forgot-link-text
{
    text-decoration: underline;
    color: #1e81b6;
    cursor: pointer;
}

.auth-popup .auth-popup__forgot-text:hover
{
    text-decoration: none;
}

.auth-popup .auth-popup__forgot-tab
{
    display: none;
}

.auth-popup .auth-popup__forgot-tab input
{
    width: 100%;
    height: 31px;
    padding: 0 0 0 10px;
    border: 1px solid #d7d7d7;
}

.auth-popup .auth-popup__forgot-text
{
    line-height: 20px;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 10px;
}

.auth-popup .auth-popup__forgot-fieldset
{
    padding: 20px;
}

/** Стили для страниц в старом дизайне BEGIN */
.btn-blue.bootstrap
{
    border-radius: 0;
    background: #1ebadb!important;
    color: #fff;
    font-size: 15px!important;
    text-decoration: none;
    width: 230px;
}

.btn-blue.bootstrap:hover
{
    color: #000!important;
    opacity: .8;
    border: 0!important;
}

.btn-green.bootstrap
{
    border-radius: 0;
    background: #6EC632!important;
    color: #fff;
    font-size: 15px!important;
    text-decoration: none;
    width: 230px;
}

.btn-green.bootstrap:hover
{
    color: #000;
    opacity: .8;
    border: 0!important;
}

.btn-190x40.bootstrap
{
    width: 190px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
/** Стили для страниц в старом дизайне END */

#popup-step-1, #popup-step-2, #popup-step-3 {
    padding-right: 17px;
}

.popup-change-phone__body {
    padding: 20px 50px !important;
    font-size: 17px;
    text-align: justify;
    line-height: 1.8;
}

@media (max-width: 600px)
{
    .auth-popup .close-modal
    {
        right: 0;
        top: -30px;
    }
}

@media (max-width: 540px)
{
    .auth-popup
    {
        width: 320px;
        margin: 100px auto 30px auto;
    }

    .auth-popup .auth-popup__agree
    {
        padding: 10px 20px 0 20px;
    }

    .auth-popup .auth-popup__field-desc
    {
        padding: 0 20px 0 20px;
    }

    .auth-popup .auth-popup__label
    {
        width: 119px;
    }

    .auth-popup .auth-popup__field
    {
        padding: 0 30px 0 134px;
    }

    .auth-popup .auth-popup__field input
    {
        font-size: 14px;
    }

    .auth-popup .auth-popup__field input[name=country_code]
    {
        width: 30%;
        padding-left: 0;
        text-align: center;
    }

    .auth-popup .auth-popup__field input[name=phone]
    {
        width: 70%;
        padding-left: 5px;
    }
}